<template>
    <div class="box-header">
        <div id="header">
            <header class="page-header">
                <a href="/">
                    <img src="./../assets/logo.png" id="page_logo">
                </a>                
            </header>
        </div>
        <div class="hengfu">
            <a href="#">
                <img src="./../assets/hengfu-mobile.jpg" alt=""/>
            </a>
        </div>
    </div>
</template>
<script>
export default {
    name:'',
    data(){
        return {        
        }
    }
}
</script>
<style>
.box-header a{display: inline-block;}
#header{text-align: center;position: relative;height: 50px;}
.page-header{width: 100%;position: fixed;top: 0;left: 0;height: 50px;background: #ffffff;z-index: 20;box-shadow: 0 0 6px rgba(0,0,0,0.1);}
#page_logo{position: absolute; top: 0;z-index: 1;width:25%;left: 50%;transform: translate(-50% , -50%);top: 50%;}
.hengfu img {width: 100%;}
</style>
